<template>
    <div>
      <input
        type="text"
        :value="num"
        @input="$emit('numChange', $event.target.value)"
      />
    </div>
  </template>
  <script>
  /**
   * 自定义组件使用v-model
   */
  export default {
    /**
     * 如果组件使用了v-model
     * 则需要在子组件里面加入model这个对象
     * 定义model一个 value 和 event
     */
    model: {
      /**
       * v-model监听的值 推荐和 props接收的一直
       */
  
      // prop属性规定 那个双向绑定的值是什么
      prop: "num",
      // 要监听那个事件
      event: "numChange",
    },
  
    /**
     * 组件v-model绑定的是什么
     * 这边接收的就是什么
     */
    props: ["num"],
  };
  </script>
  